<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>分店采购增加</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
  <link rel="stylesheet" href="../../res/css/wholesale/font.css">
  <link rel="stylesheet" href="../../res/css/wholesale/xadmin.css">
  <link rel="stylesheet" href="../../res/layui/css/layui.css">
  <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <script type="text/javascript" src="../../res/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="../../res/js/wholesale/xadmin.js"></script>
  <style>
  		.inputs{
  			border:none;
  		}
  		.inputskx{
  			border:none;
  		}
  		.inputsClass{
  			width:900px;
  			height:50px;
  		}
  		.aClass{
  			color:red;
  		}
  		.inputs-number{
  			border:none;
  		}
  </style>
</head>
<body>
<div class="demoTable" style="margin-top: 10px ;">
    <div class="x-body">
    	 <div class="layui-row">
        <div class="layui-form layui-col-md12 x-so">
          <input type="text" name="id" id="remark" placeholder="请输入采购备注" autocomplete="off" class="layui-input">
          <div class="layui-btn-group demoTable">
          	<button id="insertPurchase" class="layui-btn">添加</button>
          </div>
        </div>
      </div>
     <table class="layui-table"  id="idTest3"  >
     	
		<thead>
			<tr>
				<!-- <th lay-data="{type:'checkbox', fixed: 'left'}"></th> -->
				<th lay-data="{align:'center'}" style="display: none">采购乐器Id</th>
				<th lay-data="{align:'center'}">采购乐器名称</th>
				<!-- <th lay-data="{align:'center'}">公司</th> -->
				<th lay-data="{align:'center'}">进价</th>
				<th lay-data="{align:'center'}">采购数量</th>
				<th lay-data="{align:'center'}">小计</th>
				<!-- <th lay-data="{align:'center'}">备注</th> -->
				<th lay-data="{align:'center'}" style="display: none">库存</th>
				<th lay-data="{align:'center',width:100}">操作</th>
			
			
		</thead>
	</table>
      <div  style="height:10px;">
      	
      </div>
       <div class="x-body">
      <div class="layui-row">
        <div class="layui-form layui-col-md12 x-so">
          <div class="layui-inline">
          <input type="text" name="id" id="demoReload" placeholder="请输入乐器" autocomplete="off" class="layui-input">
          </div>
          <div class="layui-inline">
          <label class="layui-form-label">乐器类型</label>
	      <div class="layui-input-block">
	        <select name="mtType" id="mtTypes"  color="gray" >
	        	<option value="">--请选择类型--</option>
	        </select>
	   	  </div>
	   </div>
	   <div class="layui-inline">
      <label class="layui-form-label">价格范围</label>
      <div class="layui-input-inline" style="width: 100px;">
        <input type="text" id="startPrice" placeholder="￥" autocomplete="off" class="layui-input">
      </div>
      <div class="layui-form-mid">-</div>
      <div class="layui-input-inline" style="width: 100px;">
        <input type="text" id="EndPrice" placeholder="￥" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-inline">
          <button class="layui-btn" data-type="reload" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
   </div>
        </div>
      </div>
     <table class="layui-table" lay-filter="demo" id="rawstockType">
<!-- <table class="layui-table" lay-data="{url:'../../listenMusical/findAllMusical.action', page:true, id:'idTest'}" id="idTestss" lay-filter="demo">
  <thead>
    <tr>
      <th lay-data="{type:'checkbox', fixed: 'left'}"></th>
      <th lay-data="{field:'muId', align:'center'}">乐器ID</th>
      <th lay-data="{field:'mtName', align:'center'}">乐器类型</th>
      <th lay-data="{field:'muName',align:'center'}">乐器名称</th>
      <th lay-data="{field:'muPic', align:'center',sort:'ture',templet:'#imgTpl'}">乐器图片</th>
      <th lay-data="{field:'wholesale', align:'center'}">乐器批发价格</th>
      <th lay-data="{field:'companyName', align:'center'}">公司名字</th>
      <th lay-data="{field:'stockNumber', align:'center'}">库存数量</th>
      <th lay-data="{field:'muSpecifications', align:'center'}">乐器规格</th>
      <th lay-data="{field:'isva', width:120, align:'center'}">是否有效</th>
      <th lay-data="{field:'openTime',width:120, align:'center'}">操作时间</th>
      <th lay-data="{field:'oper', width:120, align:'center'}">操作人</th>
      <th lay-data="{field:'sort', width:200, align:'center'}">排序</th>
      
    </tr>
  </thead>
</table> -->
<!-- <input type="button" value="获取表格" id="getTab"/> -->

 </div>
 <input type="hidden" class="inputsClass" id="inputss"/> 
 <input type="hidden" class="inputsClass" id="inputText"/> 
 </div>
<script type="textml" id="imgTpl">
    		<img style="width:300px;height:20px;" onmouseover="getPathOver(this)" alt="暂无图片" onmouseout="getPathOut()" src="../../{{ d.muPic }}">
		</script>
           
<script type="text/javascript">
layui.use('table',function(){
	  var table = layui.table;
	  var form = layui.form;
		  table.render({
			    elem: '#rawstockType'
			    ,page: true
			    ,url:'../../listenMusical/findAllMusical.action'
			    ,cellMinWidth: 60 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
			    ,cols: [[
			       {type:'checkbox',align:'center'}
			      ,{field:'muId',title: '乐器Id',align:'center'}
			      ,{field:'mtName',title: '乐器类型',align:'center'}
			      ,{field:'muName',title: '乐器名称',align:'center'}
			      ,{field:'muPic',title: '乐器图片',align:'center',templet:'#imgTpl'}
			      ,{field:'wholesale',title: '乐器批发价格',align:'center'}
			      ,{field:'companyName',title: '公司名字',align:'center'}
			      ,{field:'stockNumber',title: '库存数量',align:'center'}
			      ,{field:'muSpecifications',title: '乐器规格',align:'center'}
			    ]],id: 'idTest'
			    ,done: function (res, curr, count) {
			         $("[data-field='muId']").css('display','none'); 
			    }
			  });
	 
});


</script>          
<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script type="text/javascript" src="../../res/js/purchase/purchaseAdd.js"></script>
</body>
</html>